
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
		<link href="__INDEX__/css/Phoebe.css" rel="stylesheet"/>
		<link href="__INDEX__/css/all.css" rel="stylesheet"/>
		<link href="__INDEX__/css/recharge.css" rel="stylesheet"/>
		<title>充值</title>
		<style>
			.recharge{
				padding: 0 3.5%;
				background: #fff;
				padding-bottom: 20px;
			}
			.recharge>form>p{
				padding: 10px 0;
			}
			.recharge>form>p>span{
				display: inline-block;
				width: 30%;
				line-height: 35px;
				float: left;
			}
			.recharge>form>p>input{
				float: left;
				width: 70%;
			}
			.recharge>form>div>ul{
				overflow: hidden;
			}
			.recharge>form>div>ul>li{
				text-align: left;
				line-height: 35px;
			}
			.recharge>form>div>ul>li input{
				float: right;
				margin-right: 5px;
				margin-top: 12px;
			}
			.recharge>form>input{
				width: 40%;
				left: 30%;
				margin-top: 30px;
			}
			.caonima>label{
				display: inline-block;
				width: 22.33%;
				height: 35px;
				line-height: 35px;
				border: 1px solid #dbdbdb;
				text-align: center;
				box-sizing: border-box;

			}
			.caonima>label.active{
				border:1px solid #007aff;
				color: #007aff;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a href="javascript:history.back(-1)" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">钱包充值</h1>
		</header>
		<!--钱包充值-->
		<div class="recharge">

			<form action="/index.php/Home/User/pay.html" method="post">
				<!--<input type="hidden" name="version" value="1.0">
				<input type="hidden" name="get_code" value="0">
				<input type="hidden" name="notifyurl" value="http://www.xwtpay.com/test/pay/notify.php"/>
				<input type="hidden" name="returnurl" value="http://www.xwtpay.com/test/pay/return.php">-->
				<input type="hidden" name="remark" value="备注">

				<p class="caonima">
					<span>充值金额：</span>
					<label for="money_100"><input type="radio" name="total_fee" value="100" required="required" style="display: none" id="money_100"/>100</label>
					<label for="money_300"><input type="radio" name="total_fee" value="300" required="required"  style="display: none" id="money_300"/>300</label>
					<label for="money_500"><input type="radio" name="total_fee" value="500" required="required"  style="display: none" id="money_500" />500</label>
				</p>
				<p class="caonima">
					 <span style="height: 45px"> </span>
					<label for="money_1000"><input type="radio" name="total_fee" value="1000" required="required"  style="display: none"  id="money_1000"/>1000</label>
					<label for="money_2000"><input type="radio" name="total_fee" value="2000" required="required"  style="display: none" id="money_2000"/>2000</label>
					<label for="money_5000"><input type="radio" name="total_fee" value="5000" required="required"  style="display: none" id="money_5000"/>5000</label>
				</p>
				<p>选择支付方式：</p>
				<div id="zhifutype">
					<ul>
						<li>
							<label for="wechat"><input type="radio" id="wechat" name="paytype" value="900021"  checked="checked" />微信支付</label>
						</li>

					</ul>
				</div>
				<input type="submit"  value="确认支付"/>
			</form>
		</div>
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<!--<script type="text/javascript">
			function submitOrder(){
					var needPrice = document.getElementById('needPrice').value;
					if( needPrice.trim() == '' ){

//					    alert(111);
					    return false;
					}else{
                        var pay_memberid = document.getElementById('pay_memberid').value;
                        var pay_orderid = document.getElementById('pay_orderid').value;
                        var pay_applydate = document.getElementById('pay_applydate').value;
                        var pay_bankcode = document.getElementById('pay_bankcode').value;
                        var pay_notifyurl = document.getElementById('pay_notifyurl').value;
                        var pay_callbackurl = document.getElementById('pay_callbackurl').value;
                        var url = "/index.php/Home/User/ajax_conf.html";
                        $.post(url,{
                            pay_memberid:pay_memberid,
                            pay_orderid:pay_orderid,
                            pay_amount:needPrice*1,
                            pay_applydate:pay_applydate,
                            pay_bankcode:pay_bankcode,
                            pay_notifyurl:pay_notifyurl,
                            pay_callbackurl:pay_callbackurl
                        },function(res){
//                            console.log(res);

                            var price = res.pay_amount;
                            document.getElementById('pay_memberid').value = res.pay_memberid;
                            document.getElementById('pay_orderid').value =  res.pay_orderid;
                            document.getElementById('pay_applydate').value =  res.pay_applydate;
                            document.getElementById('pay_bankcode').value =  res.pay_bankcode;
                            document.getElementById('pay_notifyurl').value =  res.pay_notifyurl;
                            document.getElementById('pay_callbackurl').value =  res.pay_callbackurl;
                            document.getElementById('pay_amount').value =  price;
                            document.getElementById('pay_md5sign').value =  res.pay_md5sign;
                            document.getElementById('tongdao').value =  res.tongdao;
                        },'json');
					}
//					document.getElementById('pay_amount').value = needPrice;
			}
		</script>-->
	<script>
		$(".caonima>label").click(function () {
			$(".caonima>label").removeClass("active");
			$(this).addClass("active");
        })
	</script>
	</body>
</html>